﻿body{ line-height:24px; font-size:12px; margin:0; padding:0;font-family:"Microsoft YaHei", "微软雅黑", tahoma,arial, simsun, "宋体"; background-color: #f6f6f6; }
input,textarea{font-family:"Microsoft YaHei", "微软雅黑", tahoma,arial, simsun, "宋体";}
textarea{margin:0;border:#ccc 1px solid; padding:0 5px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:green;}
img{vertical-align: middle;}
body,div,li,ul,h1,h2,h3,h4,h5,h6{ padding:0; margin:0}
ul,li{ list-style:none}
a{cursor: pointer;}
a:link{ color:#555;  text-decoration:none}
a:visited{ color:#555;  text-decoration:none}
a:hover{ color:#333;  text-decoration:underline}
input,textarea {outline: none;}
table {border-collapse:collapse; margin:10px 0}
table tr.h td,table thead.h td,col.h,td.h,th{border-top:1px #ddd solid;border-bottom:1px #ddd solid;background-color: #efefef; padding:3px; font-weight:bold}
table tr.l td,table tbody.l td,col.l,td.l{border-bottom:1px #ddd solid; background-color: #f6f6f6; padding:3px;}
form input[type='text'],form input[type='password']{
	border:1px #ccc solid; height:22px; line-height:22px;padding:0 5px;color:green;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
}
form.nav{margin-top:5px}
pre {line-height:18px;font-family:"Microsoft YaHei", "微软雅黑", tahoma,arial, simsun, "宋体";}
form button,form input[type='submit'],form input[type='reset'],form input[type='button']{
	padding:0 5px;
	height:24px;
	line-height:24px;
	font-weight: normal;
	background-color: #7c7c7c;
	color: #e6e6e6;
	box-shadow: 1px 2px 3px rgba(64, 64, 64, 0.1);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	cursor: pointer;
}
form button:hover,form input[type='submit']:hover,form input[type='reset']:hover,form input[type='button']:hover{
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	color: #7c7c7c;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.right{float: right;}
.left{float: left;}
.clearfix:after {content:"\0020"; display: block; height: 0;clear: both; visibility: hidden; }
.clearfix {zoom: 1;} 
.clear{clear:both;}
.btn-green{
	background-image: url("");
}
.chk-gray-unckeck{
	background-image: url("");
}
.chk-gray-check{
	background-image: url("");
}
select{border:1px #ccc solid; padding:2px;}
form label{font-weight:bold;display:block; margin-top:10px}
.height_50{ height:50px}
.height_100{ height:100px}
.height_150{ height:150px}
.width_50{ width:50px}
.width_100{ width:100px}
.width_150{ width:150px}
.width_200{ width:200px}
.width_250{ width:250px}
.width_300{ width:300px}
.width_350{ width:350px}
.width_400{ width:400px}
.width_450{ width:450px}
.width_460{ width:460px}
.width_470{ width:470px}
.width_600{ width:600px}
.green{ color:green}
.red{ color:red}
.bold { font-weight:bold}
.submenu{padding:5px;border:1px #ddd solid;background-color: #efefef;width:100%;border-left:0;border-right:0}
.submenu1{padding:5px;border:1px #ddd solid;background-color: #efefef;width:540px;border-left:0;border-right:0}
a.current{font-weight:bold;font-size:14px;color:green}
tr.tome td,td.tome{background-color: rgb(255,250,250) !important;}
tr.fromme td,td.fromme{background-color: rgb(250,255,250) !important;}
.ms_reply{color:#aaa}
#img_list_from_news img {border:1px #ddd solid;border-radius:5px;padding:1px; margin:2px;cursor:pointer}
#func-help {font-style: italic;color:green;}
#media_video div,#media_news div{padding:10px 0}
/* 定义布局 */
#wapper{ padding:0;}
#wapper-header{
	width:100%;
	height:59px;
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType= 0 , startColorstr = '#fefefe', endColorstr = '#efefef' ); 
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#fefefe', endColorstr = '#efefef' ); 
	background-image:-webkit-linear-gradient(top,#fefefe 0%,#e6e6e6 30px,#efefef 100%);
	background-image:-mox-linear-gradient(top,#fefefe 0%,#e6e6e6 30px,#efefef 100%);
	background-image:-o-linear-gradient(top,#fefefe 0%,#e6e6e6 30px,#efefef 100%);
	background-image:linear-gradient(to bottom, #fefefe 0%,#e6e6e6 30px,#efefef 100%);
	box-shadow: 0 4px 3px rgba(64, 64, 64, 0.2);
	border-bottom: 1px solid #efefef;
}
#wapper-header #header-title{
	padding:20px 0 0 30px;width:400px;font-size:24px;font-weight:bold;color:#666;
}
#wapper-header #header-information{
	position: absolute;
	top:35px; right:0;
	height:23px; background-color: #999;
	border-top-left-radius:5px; border: 1px solid #999;color:#fff;font-weight:bold;
	text-align: left;padding-right: 10px;width:300px;
	box-shadow: -2px -2px 3px rgba(64, 64, 64, 0.2);
}
.TipsDialogTop{
	position: absolute;
	top:0;left:50%;margin-left:-150px;
	height:28px; 
	line-height:28px;
	border-bottom-left-radius:5px;
	font-weight:bold;
	border-bottom-right-radius:5px;
	text-align: center;
	width:300px;
}
.TipsDialogTop-1{
	border: 1px solid rgba(255,0,0, 0.5);color:red;
	border-top:0px;
	background-color: rgba(255,0,0, 0.2);
	box-shadow: 2px 0px 5px rgba(255,0,0, 0.2),-2px 0px 3px rgba(255,0,0, 0.2),0px 2px 3px rgba(255,0,0, 0.2);	
}
.TipsDialogTop-0{
	border: 1px solid rgba(0,255,0, 0.5);color:green;
	background-color: rgba(0,255,0, 0.2);
	border-top:0px;
	box-shadow: 2px 0px 5px rgba(0,255,0, 0.2),-2px 0px 3px rgba(0,255,0, 0.2),0px 2px 3px rgba(0,255,0, 0.2);	
}
#wapper-header a{color:#fff}
#wapper-body{
	width:100%;
	box-shadow: 0px 2px 2px rgba(64, 64, 64, 0.2);
}
#slider-bar{
	width:10%;
	float: left;
}
#slider-bar ul{margin:10px}
#slider-bar li{height:24px;line-height:24px;padding-left:7px;}
#slider-bar li a:before{content:"";float:left;background-color: #666;height:6px; border-radius:3px;width:6px;margin-top:9px; margin-right:5px;}
#slider-bar li.slider-bar-title{font-weight:bold;font-size:16px;padding:10px 0;}
@media screen and (max-width:1024px){
	#slider-bar{
		width:100%;
		clear: both;
	}
	#slider-bar li{height:24px;line-height:24px;padding-left:7px;float: left;}
	#slider-bar li.slider-bar-title{font-weight:bold;font-size:12px;padding:0 0 0 7px;clear:both}
}
#content-body{
	width:90%;
	overflow: scroll;
	float: left;
	box-shadow: -2px 0px 2px rgba(64, 64, 64, 0.1);
}
@media screen and (max-width:1024px){
	#content-body{
		width:100%;
		clear: both;
	}
}
#content-body-content{
	width:98%;
	padding:10px 0 0 10px;
}
#wapper-foot{width:100%;height:24px;position:absolute;width:200px;top:2px;right:10px;text-align: right;text-shadow: #eee 0px 0px 3px;color:#ccc}

#home-body{width:260px;text-align: center;position:absolute;left:50%;top:50px;height:60px;margin-left:-130px;line-height:60px}
input.a-button{
	height:30px;
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType= 0 , startColorstr = '#6fb420', endColorstr = '#51930d' ); 
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#6fb420', endColorstr = '#51930d' ); 
	background-image:-webkit-linear-gradient(top,#6fb420 0,#51930d 100%);
	background-image:-mox-linear-gradient(top,#6fb420 0,#51930d 100%);
	background-image:-o-linear-gradient(top,#6fb420 0,#51930d 100%);
	background-image:linear-gradient(to bottom,#6fb420 0,#51930d 100%);
	border: 1px solid #51930d;
	border-radius:5px;
	color: #fff;
	cursor: pointer;
}
input.a-button:hover{
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType= 0 , startColorstr = '#6fb420', endColorstr = '#6fb420' ); 
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#6fb420', endColorstr = '#6fb420' ); 
	background-image:-webkit-linear-gradient(top,#6fb420 0,#6fb420 100%);
	background-image:-mox-linear-gradient(top,#6fb420 0,#6fb420 100%);
	background-image:-o-linear-gradient(top,#6fb420 0,#6fb420 100%);
	background-image:linear-gradient(to bottom,#6fb420 0,#6fb420 100%);	
}
input.a-big-button{
	width:250px;
}
/* 登录 */
#login-wapper{width:100%;text-align: center;}
#login-body{width:260px;margin:auto;text-align: left;}
#login-body div.notice{margin:10px 0;height:40px;line-height:40px;text-align:center;background-color:#ffeeee;border-top:1px #ff8888 solid;border-bottom:1px #ff8888 solid;width:238px;}
#login-body div.information{margin:10px 0;height:40px;line-height:40px;text-align:center;background-color:#eeffee;border-top:1px #ccffcc solid;border-bottom:1px #ccffcc solid;width:238px;}
.login-list {border: 1px solid #ddd;border-radius:3px;width:230px;height:24px;background-color: #fff;padding:2px 3px;line-height:24px; margin: 20px 0;box-shadow:2px 2px 3px rgba(64, 64, 64, 0.2);;}
.login-list div.title{width:50px;float:left; margin-left: 3px;text-align:center;color:#aaa}
.login-list div.content{width:170px;float:left;color:#aaa}
.login-list div.content input[type='text'],.login-list div.content input[type='password']{border:0px;border-radius:0;}
.login-list div.code{width:120px;}
.login-list div.extra{width:40px;float:left}
.login-buttons{text-align:center;width:238px;}
/* 微信编辑器 */
.wechatEditorTool{position:relative;border-radius:0 0 3px 3px;background-color:#f5f6f6;
background-image:-webkit-linear-gradient(left,#fafafb 0%,#f2f3f3 100%);
background-image:-mox-linear-gradient(left,#fafafb 0%,#f2f3f3 100%);
background-image:-o-linear-gradient(left,#fafafb 0%,#f2f3f3 100%);
background-image:linear-gradient(to right, #fafafb 0%,#f2f3f3 100%); background-color:transparent
}
.wechatEditorTool > .col{float:left;width:30px;height:30px;}
.wechatEditorTool > .line{float:left;border-left:1px solid #999;}
.wechatEditorTool > .preview{float:right;width:auto;margin-right:10px;color:#999;}

.wechatEditorTool .emotion{position:relative;}
.wechatEditorTool .emotion .title{display:block;width:30px;height:30px;background:url(../Emotions/editor_emotion.png) no-repeat;}
.wechatEditorTool .emotion .title:hover{background-position:-30px 0;}

/* 表情列表 */
.wechatEditorEmotion{display:none;position:absolute;top:100%;left:0;width:405px;border-top:1px solid #d3d3d3;border-right:1px solid #d3d3d3;background-color:#d3d3d3;box-shadow:2px 2px 2px rgba(0,0,0,0.3);z-index:9;-moz-user-select:none;}
.wechatEditorEmotion .item{float:left;width:24px;height:24px;padding:1px;border-bottom:1px solid #d3d3d3;border-left:1px solid #d3d3d3;background-color:#fff;}
.wechatEditorEmotion .item:hover{background-color:#f6f6f6;}
.wechatEditorEmotion .item i{display:block;width:24px;height:24px;background-image:url(../Emotions/default.gif);background-repeat:no-repeat;cursor:pointer;}
.wechatEditorEmotion .preview{position:absolute;top:0;right:-81px;width:80px;height:80px;background-color:#fff;box-shadow:2px 2px 2px rgba(0,0,0,0.3);}
.wechatEditorEmotion .preview img{position:absolute;top:50%;left:50%;margin-left:-12px;margin-top:-12px;}

/* 预览 */
.wechatPreviewPop{
	position:relative;width:200px;padding:10px;border-radius:5px;background-color:#afdc45;font-family:Helvetica,'\5fae\8f6f\96c5\9ed1';font-size:16px;line-height:20px;
	background-image:-webkit-linear-gradient(top,#bbe94b 0%,#afdc45 30px,#afdc45 100%);
	background-image:-mox-linear-gradient(left,#bbe94b 0%,#afdc45 30px,#afdc45 100%);
	background-image:-o-linear-gradient(left,#bbe94b 0%,#afdc45 30px,#afdc45 100%);
	background-image:linear-gradient(to right, #bbe94b 0%,#afdc45 30px,#afdc45 100%);
	-webkit-filter:drop-shadow(0 0 1px rgba(0,0,0,0.8));
	-moz-filter:drop-shadow(0 0 1px rgba(0,0,0,0.8));
	-ms-filter:drop-shadow(0 0 1px rgba(0,0,0,0.8));
	-o-filter:drop-shadow(0 0 1px rgba(0,0,0,0.8));
	filter:drop-shadow(0 0 1px rgba(0,0,0,0.8));
}
.hidetext{overflow:hidden;text-indent:100%;white-space:nowrap;}
.wechatPreviewPop:after{content:'';position:absolute;top:10px;left:-25px;width:0;height:0;border-width:10px 15px;border-style:solid;border-color:transparent;border-right-color:#bbe94b;}

/* 对话框 */
.mo-dialog-box{ border:#888 1px solid; text-align:center; background-color:#fafafa;box-shadow:0px 0px 10px rgba(0,0,0,0.5)}
.mo-dialog-box-radius{-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.mo-dialog-box-radius-5{-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.mo-dialog-box-radius-top{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-khtml-border-top-left-radius:5px;border-top-left-radius:5px}
.mo-dialog-box-radius-top{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-khtml-border-top-right-radius:5px;border-top-right-radius:5px}

.mo-dialog-box .mo-dialog-title-container{ width:100%; margin:0 auto; text-align:left; background-color:#e1e1e1; border-bottom:#c2c2c2 1px solid; height:32px; line-height:32px}
.mo-dialog-box .mo-dialog-title{ margin-left:10px; font-weight:bold;color:#4c4c4c}
.mo-dialog-box .mo-dialog-button-close{width:12px;height:12px; float:right; margin-right:10px;margin-top:10px; cursor:pointer; background: url("") 50% 50% no-repeat}
.mo-dialog-box .mo-dialog-content-container{ width:98%; margin:0 auto; text-align:left}
.mo-dialog-box .mo-dialog-content{ margin:5px}
.mo-dialog-box .mo-dialog-buttons{ width:98%; margin:0 auto; text-align:left; border-top:#ddd 1px solid; background-color:#fafafa; height:50px;}
.mo-dialog-box .mo-dialog-buttonsset{ width:100%; text-align:right; margin-top:12px}
.mo-dialog-box .mo-dialog-button-self{ border:#999 1px solid; height:28px; line-height:28px; padding:0 12px; margin:auto 5px; cursor:pointer;box-shadow:0px 0px 10px rgba(0,0,0,0.3);
background-image: url("");}
.mo-dialog-content span.green{color:green;font-weight:bold;font-size:18px}
.mo-dialog-content span.red{color:red;font-weight:bold;font-size:18px}